课程大纲：

Vue + Spring Boot 全栈商城项目开发培训

1 Vue 项目搭建

2 Vue 大型项目实战

3 Vue 生命周期

4 Vuex 使用

5 Spring Boot 构建 RESTful API

6 Vue 基础使用

7 Vue 指令

8 Less 使用

9 Vue-Router 路由

10 前后端分离商城开发

阶段 1 课程导学

1
全栈开发！你必须要知道的“前后端分离”

1.为什么要前后端分离

2.前后端分离解决了哪些痛点

3.什么是前后端分离

4.前后端分离的注意事项

2
Vue 指令及生命周期

1.Vue常用指令

2.Mixin混入

3.Vue生命周期函数

3
CSS 预处理工具 Less 的介绍及使用

1.Less介绍

2.Less的各个使用方法

3.Less小实例

4
Vue-Router 介绍及路由原理分析

1.了解VueRouter

2.路由模式

3.路由原理分析

4.路由的使用

5
全局状态管理插件 Vuex 介绍及使用

1.Vuex是什么

2.Vuex解决了什么问题

3.VuexAPI介绍 4.Vuex实例

阶段 3 Spring Boot 、

6
Spring Boot 项目开发环境

1.SpringBoot2版本更新介绍

2.本所选择的SpringBoot22版本介绍

3.JDK8

4.Maven简介

5.MySQL数据库

6.SpringBoot目录结构详解

7.SpringBoot项目启动

7
Spring Boot 整合 MyBatis

1.SpringBoot整合mybatisspringbootstarter

2.MyBatis配置

3.SpringBoot整合MyBatis进行增删改查操作

8
Spring Boot 整合 Lombok

1.Lombok介绍

2.Lombok优缺点讲解

3.SpringBoot整合Lombok

4.Lombok插件安装

9
Spring Boot 整合 Swagger

1.Swagger简介

2.SpringBoot集成Swagger

3.Swagger接口测试

10
接口参数处理和统一响应结果

1.SpringBoot处理web请求的参数类型转换

2.消息转换器HttpMessageConverter

3.楼楼商城API中参数处理的实际案例

4.结果的统一响应

11
RESTful API 接口设计规范及接口调用实践

1.RESTfulapi设计规范

2.AjaxRESTfulapi前后端交互实践

阶段 4 楼楼商城实战准备

12
API 项目启动及部署注意事项

1.楼楼商城API源码下载及目录结构讲解

2.楼楼商城API项目启动准备事项

3.楼楼商城API项目启动及测试

13
⽤户认证模块

1.登录功能介绍

2.楼楼商城登录流程设计

3.楼楼商城用户身份认证

14
前端 H5 开发环境搭建及项目启动
1.VueCLI初始化项目 2.引入VantUI组件库 3.二次封装Axios请求库 4.字体图标的引入

阶段 5 楼楼商城移动端开发实战

15
底部导航制作

1.底部导航提取公共组件

2.iconfont添加导航栏字体图标

3.根据不同路由来显示隐藏底部菜单

4.公用头部提取组件

5.接口提取以及接口文档的介绍

16
商城登录注册页

1.前端鉴权方式介绍

2.前端本地存储方式

3.登录注册页面制作

4.用户中心「我的」页面制作

17
商城首页制作

1.首页排版布局

2.首页顶部搜索框

3.轮播图

4.中部分类栏目

5.新品上线、热门商品、新推荐

18
商品分类页面制作

1.介绍betterscroll

2.betterscroll项目实践

19
商品搜索列表页

1.Vant之List列表组件

2.无限加载页面布局

3.移动端上拉加载、下拉刷新

20
商品详情页

1.Vuex全局状态管理

2.ES6语法学习

21
购物车页面制作

1.computed的运用

2.Vant之CheckboxGroup、Checkbox组件

3.Vant之表单提交组件SubmitBar

22
生成订单页面制作

1.Vant地址组件的使用

2.订单页于地址页之间的数据交互

3.地址栏列表

4.地址栏增删改查

5.省市区三级联动

23
我的订单页面制作

1.Tab顶部导航栏

2.无限滚动加载